/* contact */
/* #page-contact{
    background-color: #fff;
    color:#303030;
} */
#page-contact #content {
    float:left;
    clear:both;
    width:100%;
    
}

#page-contact .title-bar{
    border-bottom:1px solid #303030;
}

.aligncenter {
    text-align: center;
}
.inner {
    max-width:882px;
    margin:0 auto;
}

#contact {
    /* border-bottom:1px solid #303030; */
}
#contact .left {
    max-width:413px;
    float:left;
    padding-top:28px;
}
#contact .left .section {
    float:right;
    width:400px;
    padding-bottom:28px;
    margin-bottom:28px;
    border-bottom:1px solid #303030;
}
#contact .left .section.last {
    border-bottom:0 none;   
}
#contact .left p {
    padding-left:160px;
    position:relative;
}
#contact .left p {
    line-height:24px;   
}
#contact .left p span {
    position:absolute;
    left:0;
    text-transform:uppercase;
    letter-spacing:0.1em;
    font-style:normal;
    font-size:14px;
}
#contact .left p a {
    font-style:italic;  
}
#contact .social {
    display:inline-block;
    height:22px;
    background-image:url(../img/icons-social.jpg);
    background-repeat:no-repeat;
    text-indent:-9999em;
}
#contact .social.fb {
    width:12px;
    background-position:0 0;
    margin-right:16px;
}
#contact .social.insta {
    width:21px;
    background-position:-12px 0;
}
#contact .right {
    width:469px;
    float:right;
    border-left:1px solid #303030;  
}
#contact .right .form {
    padding:28px 28px 40px 28px;
    min-height:530px;
}
#contact .right .form p {
    font-size:24px;
    line-height:30px;
    margin-bottom:28px;
    font-style:italic;
}   
#contact .form input[type='text'], .form textarea {
    font-size:16px;
    color:#303030;
    margin-bottom:28px;
}   
#contact .form input[type='text'] {
    width:413px;
    height:28px;
    border:0 none;
    text-indent:10px;
    line-height:1;
}
#contact .form textarea {
    width:413px;
    height:180px;
    padding:9px;
    resize:none;
}
#contact .form input[type='submit'] {
    width:413px;
    padding:12px 0;
    text-transform:uppercase;
    letter-spacing:0.1em;
    font-style:normal;
    font-size:16px;
    text-align:center;
    text-transform:uppercase;
    border:0 none;
    cursor:pointer;
}
#contact .form input[type="submit"]:hover { 
    color: #303030;
    outline: 2px solid #303030;
}

#contact .form label.error {
    display:block;
    color:#ff0000;
    margin-bottom:28px;
    margin-top:-20px;
}
#contact .form .mailchimp {
    margin-bottom:28px; 
    position:relative;
    height:20px;
    line-height:20px;
    padding-left:33px;
    font-style:italic;
}
#mailcheck {
    position:absolute;
    top:0;
    left:0;
    width:20px;
    height:20px;
    background-image:url(../img/checkbox.jpg);
    background-position:0 0;
    background-repeat:no-repeat;
    cursor:pointer;
}
#mailcheck.checked {
    background-position:0 -20px;    
}


@media screen and (max-width: 900px) {
    #contact .right {
        float: none;
        max-width:882px;
        margin:0 auto;
        border-left:none;
    }
    #contact .left {
        float: none;
        max-width:882px;
        margin:0 auto;
    }
    #page-contact .inner {

    }
    #contact .left .section.last{
        border-bottom:1px solid #303030;
    }
    #contact .left .section{
        max-width:882px;
        margin:0 auto;
        float: none;

    }
}

@media screen and (max-width: 640px) {
    #contact .left {
       font-weight: 500;
       font-size: 120%;
    }
}

